<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>圈子-附近</title>
</head>

<body>
    <main>
        <!-- 一个用户发的东西 -->
        <div class="circle">
            <div class=" container">
                <!-- 上 -->
                <div class="head">
                    <img src="../../assets/image/cat.jpg" alt="">
                    <div class="user">
                        <b>用户名</b>
                        <span>xxx省,xxx市</span>
                    </div>
                    <p>+关注</p>
                </div>

                <!-- 段落 -->
                <div class="text">
                    有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。<span>...全部</span>
                </div>

                <!-- 图片 -->
                <div class="img">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                </div>

                <!-- 评论点赞 -->
                <div class="like-comments">
                    <p>4小时之前</p>
                    <div class="like">
                        <i class="iconfont icon-dianzan"></i>
                        <span>9999</span>
                    </div>
                    <div class="comments">
                        <i class="iconfont icon-pinglun"></i>
                        <span>9999</span>
                    </div>
                </div>
            </div>


        </div>

        <!-- 一个用户发的东西 -->
        <div class="circle">
            <div class=" container">
                <!-- 上 -->
                <div class="head">
                    <img src="../../assets/image/cat.jpg" alt="">
                    <div class="user">
                        <b>用户名</b>
                        <span>xxx省,xxx市</span>
                    </div>
                    <p>+关注</p>
                </div>

                <!-- 段落 -->
                <div class="text">
                    有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。<span>...全部</span>
                </div>

                <!-- 图片 -->
                <div class="img">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                </div>

                <!-- 评论点赞 -->
                <div class="like-comments">
                    <p>4小时之前</p>
                    <div class="like">
                        <i class="iconfont icon-dianzan"></i>
                        <span>9999</span>
                    </div>
                    <div class="comments">
                        <i class="iconfont icon-pinglun"></i>
                        <span>9999</span>
                    </div>
                </div>
            </div>


        </div>

        <!-- 一个用户发的东西 -->
        <div class="circle">
            <div class=" container">
                <!-- 上 -->
                <div class="head">
                    <img src="../../assets/image/cat.jpg" alt="">
                    <div class="user">
                        <b>用户名</b>
                        <span>xxx省,xxx市</span>
                    </div>
                    <p>+关注</p>
                </div>

                <!-- 段落 -->
                <div class="text">
                    有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。<span>...全部</span>
                </div>

                <!-- 图片 -->
                <div class="img">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                    <img src="../../assets/image/dog.jpg" alt="">
                </div>

                <!-- 评论点赞 -->
                <div class="like-comments">
                    <p>4小时之前</p>
                    <div class="like">
                        <i class="iconfont icon-dianzan"></i>
                        <span>9999</span>
                    </div>
                    <div class="comments">
                        <i class="iconfont icon-pinglun"></i>
                        <span>9999</span>
                    </div>
                </div>
            </div>


        </div>
    </main>
</body>

</html>